<!DOCTYPE html>
<html>
	<head>
	    <meta charset="UTF-8">
	    <meta http-equiv="X-UA-Compatible" content="IE=edge">
	    <meta name="viewport" content="width=device-width, initial-scale=1">
	    <title>首页</title>
	    <link href="../../assets/bootstrap/css/bootstrap.min.css" type="text/css" rel="stylesheet">
	    <link href="../../assets/css/public.css" type="text/css" rel="stylesheet">
	    <script >
	        window.menuCode='indexPage';
	    </script>
	    <script src="../../assets/jquery/jquery.2.1.1.min.js"></script>
	    <script src="../../assets/bootstrap/js/bootstrap.min.js"></script>
	    <script src="../../assets/jrain/jrain.js"></script>
	    <script src="../../assets/common/d_common.js"></script>
	    <style type="text/css">
	    	.indexContent {
			    width:100%;
			    display: inline-block;
			    border-left: 0px solid #00F7DE;/*==此值等于左边栏的宽度值==*/
			    position: relative;
			    vertical-align: bottom;
			    margin-top:50px;
			    z-index: 10;
			}
	    </style>
	</head>
	<body>
		<div class="container">
		    <!--head-->
		    <div id="header" class="headerbox"></div>
		    <!--head-->
		    <!--内容区域-->
		    <div class="row sidebar-mini" id="mainCont">
		        <div class="wrapper" style="display: none;">
		            <div class="main-left" id="leftMenu"></div>
		            <div class="main-right">
		            	<div class="breadcrumb q-breadcrumb">
		                    <span class="glyphicon glyphicon-map-marker"></span>
		                    <span id="top-menu-name"></span>
		                </div>
		                <div class="rightcont" id="rightCont">
		                	
		                </div>
		                <!--底部区域-->
		                <!--底部区域-->
		                <div class="footer" id="footer"></div>
		            </div>
		        </div>
		        <div class="indexContent">
		            <div class="main-right">
		            	<div class="breadcrumb q-breadcrumb">
		                    <span class="glyphicon glyphicon-map-marker"></span>
		                    <span>首页</span>
		                </div>
		                <div class="rightcont" id="indexCont">
		                	
		                </div>
		                <!--底部区域-->
		                <!--底部区域-->
		                <div class="footer" id="indexFooter"></div>
		            </div>
		        </div>
		    </div>
		    <!--内容区域-->
		</div>
		<script>
			function indexContHeight() {
			    var h = $(window).height();
			    var w = $(window).width();
			    if (w > 1200) {
			        var iHeight = h - 50;
			        var indexCont = iHeight - 66;
			        $('#indexCont').height(indexCont);
			    } else if (768 < w < 1200) {
			        var iHeight = h - 50;
			        var indexCont = iHeight - 66;
			        $('#indexCont').height(indexCont);
			    }
			};
			$(function(){
	    		commonPage('../../common_page/footer.html','indexFooter');
	    		indexContHeight();
	    		//获取可视区高度设置iframe高度
				$(window).resize(function () {
				    var h = $(window).height();
				    var w = $(window).width();
				    if (h > 400) {
				        indexContHeight();
				    }
				});
			});
		</script>
	</body>
</html>